<!-- Search form -->
<div id="search_container" style="position:absolute; width:650px; display:block; top:35px; left:0px;">

	<script>
	$(document).ready(function() {

		$("#author").autocomplete("ajax.php", {
			width: 150,
			selectFirst: false,
			autoFill: false,
			delay: 0,
			extraParams:{album:function(){ return $("#album").val(); } , a:'get_authors'},
			max: 100,
			minChars: 0
		});

		$("#album").autocomplete("ajax.php", {
			width: 150,
			selectFirst: false,
			autoFill: false,
			delay: 0,
			extraParams:{author:function(){ return $("#author").val(); } , a:'get_albums'},
			max: 100,
			minChars: 0
		});

	});

	
	</script>

	<form method="get" action="<?=$PHP_SELF?>">

	<?php
	$loc->input_field("Enter Album" , "album" , $_GET['album'], "label_album", 0, 20);
	$loc->input_field("Enter Author","author" , $_GET['author'], "label_author", 180, 20);
	$loc->input_field("Enter Keywords", "keywords" , $_GET['keys'], "label_keys", 354, 20 , "big");
	?>



	<!-- Search button -->
	<div style="position:absolute; top:5px; left:592px;">
	<input type="image" src="images/search.gif" />
	</div>


	</form>

</div>
<!-- End of Search Form -->